<template>
    <div class="m-comment">
        <div class="comment-total">
            <div class="total">13条网友点评</div>
            <div class="sort">
                <a href="javascript:;" class="on">质量排序</a>
                <a href="javascript:;">时间排序</a>
            </div>
        </div>
        <div class="comment-info">
            <div class="tags-type">
                <a href="javascript:;" class="cur">味道赞(4)</a>
                <a href="javascript:;">味道赞(4)</a>
                <a href="javascript:;">味道赞(4)</a>
                <a href="javascript:;">味道赞(4)</a>
                <a href="javascript:;">味道赞(4)</a>
                <a href="javascript:;">味道赞(4)</a>
            </div>
            <div class="talk-list">
                <div class="sea-pic">
                    <el-checkbox>只看有图片的评论</el-checkbox>
                </div>
                <dl class="clearfix">
                    <dt>
                        <img src="https://img.meituan.net/avatar/48a521d8d428859e613628d5033ecea221688.jpg@60w_60h_1e_1c">
                    </dt>
                    <dd>
                        <ul>
                            <li class="user-name">icat22</li>
                            <li>
                                <div class="u-number">54488631</div>
                                <div class="date">2018年12月23日</div>
                            </li>
                            <li>
                                <el-rate
                                    v-model="value"
                                    disabled
                                    text-color="#ff9900"
                                    score-template="{value}">
                                </el-rate>
                            </li>
                            <li class="content">
                                一百元代金券，点了一份扬州炒饭，一个烤罗非，一份烤的鸡翅膀，还有一份烤猪皮，在加拍黄瓜。这样的烤罗非鱼没有汤底的炒的有点干，背后的鱼皮都烤焦了，感觉不是很好。还是他们自己的万州烤鱼会更好一些。鸡翅膀都烤的味道很不错。尤其推荐炒饭。
                            </li>
                            <li>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>
                        <img src="https://img.meituan.net/avatar/48a521d8d428859e613628d5033ecea221688.jpg@60w_60h_1e_1c">
                    </dt>
                    <dd>
                        <ul>
                            <li class="user-name">icat22</li>
                            <li>
                                <div class="u-number">54488631</div>
                                <div class="date">2018年12月23日</div>
                            </li>
                            <li>
                                <el-rate
                                    v-model="value"
                                    disabled
                                    text-color="#ff9900"
                                    score-template="{value}">
                                </el-rate>
                            </li>
                            <li class="content">
                                一百元代金券，点了一份扬州炒饭，一个烤罗非，一份烤的鸡翅膀，还有一份烤猪皮，在加拍黄瓜。这样的烤罗非鱼没有汤底的炒的有点干，背后的鱼皮都烤焦了，感觉不是很好。还是他们自己的万州烤鱼会更好一些。鸡翅膀都烤的味道很不错。尤其推荐炒饭。
                            </li>
                            <li>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>
                        <img src="https://img.meituan.net/avatar/48a521d8d428859e613628d5033ecea221688.jpg@60w_60h_1e_1c">
                    </dt>
                    <dd>
                        <ul>
                            <li class="user-name">icat22</li>
                            <li>
                                <div class="u-number">54488631</div>
                                <div class="date">2018年12月23日</div>
                            </li>
                            <li>
                                <el-rate
                                    v-model="value"
                                    disabled
                                    text-color="#ff9900"
                                    score-template="{value}">
                                </el-rate>
                            </li>
                            <li class="content">
                                一百元代金券，点了一份扬州炒饭，一个烤罗非，一份烤的鸡翅膀，还有一份烤猪皮，在加拍黄瓜。这样的烤罗非鱼没有汤底的炒的有点干，背后的鱼皮都烤焦了，感觉不是很好。还是他们自己的万州烤鱼会更好一些。鸡翅膀都烤的味道很不错。尤其推荐炒饭。
                            </li>
                            <li>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>
                        <img src="https://img.meituan.net/avatar/48a521d8d428859e613628d5033ecea221688.jpg@60w_60h_1e_1c">
                    </dt>
                    <dd>
                        <ul>
                            <li class="user-name">icat22</li>
                            <li>
                                <div class="u-number">54488631</div>
                                <div class="date">2018年12月23日</div>
                            </li>
                            <li>
                                <el-rate
                                    v-model="value"
                                    disabled
                                    text-color="#ff9900"
                                    score-template="{value}">
                                </el-rate>
                            </li>
                            <li class="content">
                                一百元代金券，点了一份扬州炒饭，一个烤罗非，一份烤的鸡翅膀，还有一份烤猪皮，在加拍黄瓜。这样的烤罗非鱼没有汤底的炒的有点干，背后的鱼皮都烤焦了，感觉不是很好。还是他们自己的万州烤鱼会更好一些。鸡翅膀都烤的味道很不错。尤其推荐炒饭。
                            </li>
                            <li>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>
                        <img src="https://img.meituan.net/avatar/48a521d8d428859e613628d5033ecea221688.jpg@60w_60h_1e_1c">
                    </dt>
                    <dd>
                        <ul>
                            <li class="user-name">icat22</li>
                            <li>
                                <div class="u-number">54488631</div>
                                <div class="date">2018年12月23日</div>
                            </li>
                            <li>
                                <el-rate
                                    v-model="value"
                                    disabled
                                    text-color="#ff9900"
                                    score-template="{value}">
                                </el-rate>
                            </li>
                            <li class="content">
                                一百元代金券，点了一份扬州炒饭，一个烤罗非，一份烤的鸡翅膀，还有一份烤猪皮，在加拍黄瓜。这样的烤罗非鱼没有汤底的炒的有点干，背后的鱼皮都烤焦了，感觉不是很好。还是他们自己的万州烤鱼会更好一些。鸡翅膀都烤的味道很不错。尤其推荐炒饭。
                            </li>
                            <li>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                                <div class="thumbnail">
                                    <img src="http://p0.meituan.net/shaitu/3caf6c2721674c1bb641b041fbea4528297061.jpg">
                                </div>
                            </li>
                        </ul>
                    </dd>
                </dl>
            </div>
            <div class="m-pagenation clearfix">
                <a href="javascript:;" class="iconfont icon-btn_left cursor"></a>
                <a href="javascript:;">1</a>
                <a href="javascript:;" class="active">2</a>
                <a href="javascript:;">3</a>
                <a href="javascript:;">4</a>
                <a href="javascript:;">5</a>
                <a href="javascript:;" class="ellipsis"></a>
                <a href="javascript:;">32</a>
                <a href="javascript:;" class="iconfont icon-btn_right"></a>
            </div>
        </div>   
    </div>
</template>

<script>
export default{
    data(){
        return{
            value: 5
        }
    }   
}
</script>